<template>
<div id="user">
  <div class="user">
    <div class="left">
      <ul>
        <li><router-link to="/user/useradd">增加用户</router-link></li>
        <li><router-link to="/user/userlist">用户列表</router-link></li>
      </ul>
    </div>
    <div class="right">
      内容区域
      <br/>
      <!-- 5 引入路由显示标签   -->
      <router-view></router-view>
    </div>
  </div>
</div>
</template>

<script>
export default {
  name: "User"
}
</script>

<style lang="scss" scoped>
    .user{
      display:flex;
      .left{
        width: 10rem;
        min-height: 40rem;
        border-right: 0.1rem solid #666666;
        li{
          line-height: 2rem;
          a{
            text-decoration: none;
          }
        }
      }
      .right{
        flex: 1;
      }
    }
</style>
